// 将上面的函数和用户事件连接

/**
 * 根据协议的多选框是否选中设置注册按钮状态
 */
function setSubmitButtonStatus() {
    subtn.disabled = !cbox.checked
}

var cbox = document.querySelector('input[type="checkbox"]')
var subtn = document.querySelector('.submit')
cbox.addEventListener('change', setSubmitButtonStatus)



/**
 * 根据手机号文本框中的文本，设置发送验证码按钮的状态
 */
function setSendCodeButtonStatus() {
    verify.disabled = !(pNum.value.length === 11)
}

var pNum = document.querySelector("#phoneNumber")
var verify = document.querySelector("#verify")
pNum.addEventListener('input', setSendCodeButtonStatus)

/**
 * 根据当前选中的爱好，设置已选择爱好文本
 */
function setSelectedLoves() {
    var loves = document.querySelector(".loves")
    var optionsSelectedText = []
    for (var i = 0; i < selcet.children.length; i++) {
        if (selcet.children[i].selected) {
            optionsSelectedText.push(selcet.children[i].innerText)
        }
    }
    loves.innerText = '已选择的爱好：' + optionsSelectedText.join(",")
}
var selcet = document.querySelector("select")
selcet.addEventListener('change', setSelectedLoves)


// 给所有的文本框注册事件，若用户在输入的过程中按下了ESC，则将文本框清空
var inputArrs = document.querySelectorAll('.txt')
console.log(inputArrs);
function handleKeydown(e) {
    if (e.key === 'Escape') {
        //事件里面的this指向创建事件的dom对象
        this.value = ''
    }
}

for (var index = 0; index < inputArrs.length; index++) {
    inputArrs[index].addEventListener('keydown', handleKeydown)
}